<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/index_mobie.css"/>
		<link rel="stylesheet" type="text/css" href="css/web_animation.css"/>
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js"></script>
		<script src="js/web_animation.js"></script>
		<title>成人教育网</title>
	</head>
	<body>
		<div id="wrap">
			<!-- 头部 -->
			<div id="header">
				<div class="header_left">
					欢迎来到教育行业网
				</div>
				<div class="header_right">
					<img src="img/footer_iphone.png" />&nbsp;
					<label>400-000-0000</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<img src="img/footer_email.png" >&nbsp;
					<label>admin@yourdomain.com</label>
				</div>
			</div>
			<!-- 菜单栏部分 -->
			<div id="nav">
				<div class="nav_left">
					<label><img src="img/logo.png" ></label>
				</div>
				<div class="nav_right">
					<ul>
						<li><a href="index.html" style="color: orange;">首页</a></li>
						<li><a href="all_courses.html">所有课程</a></li>
						<li><a href="news_information.html">新闻资讯</a></li>
						<li><a href="teacher_team.html">教师团队</a></li>
						<li><a href="about_us.html">关于我们</a></li>
					</ul>
				</div>
				<!-- 手机端导航栏效果 -->
				<div class="nav_right_modile_wrap" onclick="navModile()">
					<div class="nav_right_modile">
						
					</div>
				</div>
			</div>
			<!-- 滚动图部分 -->
			<div id="column">
				<div class="column_text_wrap">
					<div id="column_move1" class="column_text_t">UI全链路设计</div>
					<div id="column_move2" class="column_text_f">颠覆传统设计技能，开启职场薪高度</div>
				</div>
				<ul>
					<li></li>
					<li></li>
				</ul>
			</div>
			<!-- 主要内容页 -->
			<div id="centent">
				<!-- 顶尖级教育优势 -->
				<div id="advantage">
					<div class="advantage_top">
						<div id="move2" class="text_title_top">
							顶尖级教育优势
						</div>
						<div class="text_title_foot">
							OUR ADVANTAGE
						</div>
					</div>
					<div id="advantage_move" class="advantage_foot">
						<div class="adv_f advantage_foot1">
							<div class="advantage_foot_up">
								
							</div>
							<div class="advantage_foot_middle">
								<p>优质教学环境</p>
							</div>
							<div class="advantage_foot_down">
								舒适、净洁环境 全智能VR实验室
							</div>
						</div>
						<div class="adv_f advantage_foot2">
							<div class="advantage_foot_up">
								
							</div>
							<div class="advantage_foot_middle">
								<p>设计精湛</p>
							</div>
							<div class="advantage_foot_down">
								世界500强企业大咖尽在于此 领你圆梦
							</div>
						</div>
						<div class="adv_f advantage_foot3">
							<div class="advantage_foot_up">
								
							</div>
							<div class="advantage_foot_middle">
								<p>贴心服务</p>
							</div>
							<div class="advantage_foot_down">
								一对一教学服务 无论你是线上还是线下
							</div>
						</div>
						<div class="adv_f advantage_foot4">
							<div class="advantage_foot_up">
								
							</div>
							<div class="advantage_foot_middle">
								<p>师资认证</p>
							</div>
							<div class="advantage_foot_down">
								500多名合格认证师 把你心放与此
							</div>
						</div>
					</div>
				</div>
				<!-- 特色课程 -->
				<div id="characteristic_course">
					<!-- 特色课程【头部】 -->
					<div class="characteristic_course_top">
						<div class="text_title_top">
							特色课程
						</div></br>
						<div class="text_title_foot">
							这些课程是通过严格的流程选择的，每学期都有独特的设计，使您的</br>
							学习一年四季更加舒适和多样化 
						</div>
					</div>
					<!-- 特色课程【尾部】 -->
					<div id="course" class="characteristic_course_foot">
						<div class="characteristic_course_foot_left">
							<!-- 1、视觉设计系列 -->
							<div class="ccfleft characteristic_course_foot_left1">
								<span><img src="img/characteristic_course_img1.png" ></span>
								视觉设计系列
							</div>
							<!-- 2、语言教育培训 -->
							<div class="ccfleft characteristic_course_foot_left2">
								<span><img src="img/characteristic_course_img2.png" ></span>
								语言教育培训
							</div>
							<!-- 3、成人学历提升 -->
							<div class="ccfleft characteristic_course_foot_left3">
								<span><img src="img/characteristic_course_img3.png" ></span>
								成人学历提升
							</div>
							<!-- 4、运动教育提升 -->
							<div class="ccfleft characteristic_course_foot_left4">
								<span><img src="img/characteristic_course_img4.png" ></span>
								运动教育提升
							</div>
						</div>
						<div class="characteristic_course_foot_right">
							<!-- 一、视觉设计系列 -->
							<div style="display: flex;" class="ccfright_warp characteristic_course_foot_right_one">
								<!-- 视觉设计系列、左div -->
								<div class="ccfright characteristic_course_foot_right_one_1">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright1_img_1.png" width="100%" height="100%" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">平面视觉创意</a></p>
										<div>平面设计应用领域十分广泛，也延伸了更多设计职业，掌握平面设计，你的职业发展更多选择。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
								<!-- 视觉设计系列、中div -->
								<div class="ccfright characteristic_course_foot_right_one_2">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright1_img_2.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">室内全案设计</a></p>
										<div>未来30~50年，仍处于上升状态。而招聘企业更加注重设计人才的能力，只要拥有一身本领，不愁找不到工作。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
								<!-- 视觉设计系列、右div -->
								<div class="ccfright characteristic_course_foot_right_one_3">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright1_img_3.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">UXD全链设计</a></p>
										<div>UI设计师的岗位将会被逐步替代。未来技能更强，能力更全的UXD全链路设计师将比传统设计师更吃香！</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
							</div>
							<!-- 二、语言教育培训 -->
							<div class="ccfright_warp characteristic_course_foot_right_two">
								<!-- 语言教育培训、左div -->
								<div class="ccfright characteristic_course_foot_right_two_1">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright2_img_1.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">法语课程</a></p>
										<div>未来30~50年，仍处于上升状态。而招聘企业更加注重设计人才的能力，只要拥有一身本领，不愁找不到工作。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
								<!-- 语言教育培训、中div -->
								<div class="ccfright characteristic_course_foot_right_two_2">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright2_img_2.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">英语课程</a></p>
										<div>未来30~50年，仍处于上升状态。而招聘企业更加注重设计人才的能力，只要拥有一身本领，不愁找不到工作。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
								<!-- 语言教育培训、右div -->
								<div class="ccfright characteristic_course_foot_right_two_3">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright2_img_3.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">摄影课程</a></p>
										<div>未来30~50年，仍处于上升状态。而招聘企业更加注重设计人才的能力，只要拥有一身本领，不愁找不到工作。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
							</div>
							<!-- 三、成人学历提升 -->
							<div class="ccfright_warp characteristic_course_foot_right_three">
								<!-- 成人学历提升、左div -->
								<div class="ccfright characteristic_course_foot_right_three_1">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright3_img_1.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">数字营销课程</a></p>
										<div>未来30~50年，仍处于上升状态。而招聘企业更加注重设计人才的能力，只要拥有一身本领，不愁找不到工作。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
								<!-- 成人学历提升、中div -->
								<div class="ccfright characteristic_course_foot_right_three_2">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright3_img_2.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">教师实践评估过程</a></p>
										<div>未来30~50年，仍处于上升状态。而招聘企业更加注重设计人才的能力，只要拥有一身本领，不愁找不到工作。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
								<!-- 成人学历提升、右div -->
								<div class="ccfright characteristic_course_foot_right_three_3">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright3_img_3.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">法律实践课程</a></p>
										<div>未来30~50年，仍处于上升状态。而招聘企业更加注重设计人才的能力，只要拥有一身本领，不愁找不到工作。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
							</div>
							<!-- 四、运动教育提升 -->
							<div class="ccfright_warp characteristic_course_foot_right_three">
								<!-- 运动教育提升、左div -->
								<div class="ccfright characteristic_course_foot_right_two_1">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright4_img_1.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">越野单车</a></p>
										<div>未来30~50年，仍处于上升状态。而招聘企业更加注重设计人才的能力，只要拥有一身本领，不愁找不到工作。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
								<!-- 运动教育提升、中div -->
								<div class="ccfright characteristic_course_foot_right_two_2">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright4_img_2.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">室内瑜伽</a></p>
										<div>未来30~50年，仍处于上升状态。而招聘企业更加注重设计人才的能力，只要拥有一身本领，不愁找不到工作。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
								<!-- 运动教育提升、右div -->
								<div class="ccfright characteristic_course_foot_right_two_3">
									<div class="ccfright_up">
										<a href="#"><img src="img/ccfright4_img_3.png" ></a>
									</div>
									<div class="ccfright_center">
										<p><a href="#">恒温游泳</a></p>
										<div>未来30~50年，仍处于上升状态。而招聘企业更加注重设计人才的能力，只要拥有一身本领，不愁找不到工作。</div>
									</div>
									<div class="ccfright_down">
										<input type="button" name="" id="" value="查看详情" />
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 特色课程【尾部-查看课程】 -->
					<div class="characteristic_course_down">
						<a href="all_courses.html">
							<button type="button" class="button_default01 btnaSet">查看更多课程</button>
						</a>
					</div>
				</div>
				<!-- 教育名师 -->
				<div id="famous_teacher">
					<div class="famous_teacher_top">
						<div class="characteristic_course_top">
							<div class="text_title_top">
								教育名师
							</div>
							<div class="text_title_foot">
								Famous teacher
							</div>
						</div>
					</div>
					<div id="teacher_move" class="famous_teacher_foot">
						<div class="ftfeacher famous_teacher_foot_left">
							<div class="imgs1">
								<div class="ftfeacher_up">
								
							</div>
							</div>
							
							<div class="ftfeacher_middle">
								MingJin Yang
							</div>
							<div class="ftfeacher_down">
								<p>UI设计总监</p>
							</div>
						</div>
						<div class="ftfeacher famous_teacher_foot_center">
						 <div class="imgs1">
							<div class="ftfeacher_up">
								
							</div>
						 </div>
							<div class="ftfeacher_middle">
								MingJin Yang
							</div>
							<div class="ftfeacher_down">
								<p>推广总监/设计总监</p>
							</div>
						</div>
						<div class="ftfeacher famous_teacher_foot_right">
						  <div class="imgs1">
							<div class="ftfeacher_up">
								
							</div>
						  </div> 
							<div class="ftfeacher_middle">
								MingJin Yang
							</div>
							<div class="ftfeacher_down">
								室内课程研发经理
							</div>
						</div>
						<div class="ftfeacher famous_teacher_foot_right2">
						  <div class="imgs1">
							<div class="ftfeacher_up">
								
							</div>
						  </div>
							<div class="ftfeacher_middle">
								MingJin Yang
							</div>
							<div class="ftfeacher_down">
								总经理
							</div>
						</div>
					</div>
				</div>
				<!-- 教育学院 -->
				<div id="school_education">
					<div class="school_education_top">
						<div class="text_title_top">
							教育学院怎么样？
						</div></br>
						<div class="text_title_foot">
							教育学院是建立在这样的原则之上：通过追求伟大的想法和分享我们所学的知识，
							我们使世界变得更美好。13年多来，我们没有偏离这一愿景
						</div>
					</div>
					<div id="education_move" class="school_education_foot">
						<div class="sef_education school_education_foot1">
							<img src="img/school_education_img1.png" >
							<div class="school_education_foots_centent">
								97%
							</div>
							<div class="school_education_foots_down">
								学士获得者
							</div>
						</div>
						<div class="sef_education school_education_foot2">
							<img src="img/school_education_img2.png" >
							<div class="school_education_foots_centent">
								500+
							</div>
							<div class="school_education_foots_down">
								优质名师
							</div>
						</div>
						<div class="sef_education school_education_foot3">
							<img src="img/school_education_img3.png" >
							<div class="school_education_foots_centent">
								508
							</div>
							<div class="school_education_foots_down">
								合作院校
							</div>
						</div>
						<div class="sef_education school_education_foot4">
							<img src="img/school_education_img4.png" >
							<div class="school_education_foots_centent">
								46K
							</div>
							<div class="school_education_foots_down">
								在校学员
							</div>
						</div>
					</div>
				</div>
				<!-- 学员作品 -->
				<div id="college_work">
					<div class="college_work_top">
						<div class="text_title_top">
							学员作品
						</div>
						<div class="text_title_foot">
							STUDENT WORK
						</div>
					</div>
					<div class="college_work_cen">
						<div class="cw_center uicolor" >
							UI设计
						</div>
						<div class="cw_center">
							室内设计
						</div>
						<div class="cw_center">
							动态视觉
						</div>
						<div class="cw_center">
							运营推广
						</div>
					</div>
					<div style="display: flex;" class="cw_foot_wrap college_work_foot1">
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
					</div>
					<div class="cw_foot_wrap college_work_foot2">
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
					</div>
					<div class="cw_foot_wrap college_work_foot3">
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
					</div>
					<div class="cw_foot_wrap college_work_foot4">
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
						<div class="cw_foot"></div>
					</div>
				</div>
				<!-- 线上教育价值 -->
				<div id="educational_value">
					<div class="educational_value_top">
						<div class="text_title_top">
							线上教育价值
						</div>
						<div class="text_title_foot">
							Online education value
						</div>
					</div>
					<div id="college_move" class="educational_value_foot">
						<!-- <div class="educational_value_foot_top"> -->
							<div class="evf_foot educational_value_foot1">
								<div class="evf_foot_left">
									<img src="img/educational_value_img1.png" >
								</div>
								<div class="evf_foot_right">
									<div class="evf_foot_right_up">
										便利性
									</div>
									<div class="evf_foot_right_down">
										知识随处可寻，获取知识的渠道变得多样。
									</div>
								</div>
							</div>
							<div class="evf_foot educational_value_foot2">
								<div class="evf_foot_left">
									<img src="img/educational_value_img2.png" >
								</div>
								<div class="evf_foot_right">
									<div class="evf_foot_right_up">
										全面性
									</div>
									<div class="evf_foot_right_down">
										海量的只是内容，由浅入深地展示各个层次的内容。
									</div>
								</div>
							</div>
							<div class="evf_foot educational_value_foot3">
								<div class="evf_foot_left">
									<img src="img/educational_value_img3.png" >
								</div>
								<div class="evf_foot_right">
									<div class="evf_foot_right_up">
										快速性
									</div>
									<div class="evf_foot_right_down">
										在线教育传播速度快，可为学者节省很多时间。
									</div>
								</div>
							</div>
						<!-- </div> -->
						<!-- <div class="educational_value_foot_foot"> -->
							<div class="evf_foot educational_value_foot4">
								<div class="evf_foot_left">
									<img src="img/educational_value_img4.png" >
								</div>
								<div class="evf_foot_right">
									<div class="evf_foot_right_up">
										及时性
									</div>
									<div class="evf_foot_right_down">
										属于互联网时代特点，知识更新及时。
									</div>
								</div>
							</div>
							<div class="evf_foot educational_value_foot5">
								<div class="evf_foot_left">
									<img src="img/educational_value_img5.png" >
								</div>
								<div class="evf_foot_right">
									<div class="evf_foot_right_up">
										交流性
									</div>
									<div class="evf_foot_right_down">
										多角度、多方位、多平台，可为学员提供多重交流。
									</div>
								</div>
							</div>
							
							<div class="evf_foot educational_value_foot6">
								<div class="evf_foot_left">
									<img src="img/educational_value_img6.png" >
								</div>
								<div class="evf_foot_right">
									<div class="evf_foot_right_up">
										互动性
									</div>
									<div class="evf_foot_right_down">
										老师、学生、平台的互动学习效率提高。
									</div>
								</div>
							</div>
						<!-- </div> -->
					</div>
				</div>
				<!-- 实时升学资讯 -->
				<div id="entrance_information">
					<div class="entrance_information_top">
						<div class="text_title_top">
							实时升学资讯
						</div>
						<div class="text_title_foot">
							SCHOOL INFORMATION
						</div>
					</div>
					<div id="entrance_move" class="entrance_information_foot">
						<div class="eif_foot entrance_information_foot1">
							<div class="eif_foot_News_img">
								<a href="#"><img src="img/entrance_information_img1.png" ></a>
							</div>
							<div class="eif_foot_newTitle">
								日语在线
							</div>
							<div class="eif_foot_newDeta">
								四部门出手，说明教育培训机构的管理政出多门，而多头管理的弊端通常就是管理薄弱。
							</div>
							<div class="eif_foot_newSort">
								<span>新闻</span>
								<span>2020-03-19</span>
							</div>
						</div>
						<div class="eif_foot entrance_information_foot2">
							<div class="eif_foot_News_img">
								<!-- <a href="#"></a> -->
								<a href="#"><img src="img/entrance_information_img2.png" ></a>
							</div>
							<div class="eif_foot_newTitle">
								英语在线 实力师资 高频互动
							</div>
							<div class="eif_foot_newDeta">
								四部门出手，说明教育培训机构的管理政出多门，而多头管理的弊端通常就是管理薄弱。
							</div>
							<div class="eif_foot_newSort">
								<span>新闻</span>
								<span>2020-03-19</span>
							</div>
						</div>
						<div class="eif_foot entrance_information_foot2">
							<div class="eif_foot_News_img">
								<!-- <a href="#"></a> -->
								<a href="#"><img src="img/entrance_information_img3.png" ></a>
							</div>
							<div class="eif_foot_newTitle">
								现代出家人的互联网学习生活
							</div>
							<div class="eif_foot_newDeta">
								<!-- 许多社区学院提供承诺项目，向符合条件的学生提供免学费奖励-主要是向有佩尔助学金资格的学生提供。 -->
								四部门出手，说明教育培训机构的管理政出多门，而多头管理的弊端通常就是管理薄弱。
							</div>
							<div class="eif_foot_newSort">
								<span>新闻</span>
								<span>2020-03-19</span>
							</div>
						</div>
					</div>
				</div>
				<!-- 免费试听华丽转身 -->
				<div id="table_warp">
					<div class="table_one">
						免费试听，实现华丽转身
					</div>
					<div class="table_two">
						目前在全国各地拥有十三所分部，已经开设20多种门门类的UI设计、游戏设计、影视特效、室内设计、程序开发
						课程，配置了400多间多媒体课室，拥有2000多台IMAC苹果一体机，7000多台高配置PC电脑
					</div>
					<div id="boo" class="table_there">
						<input type="text" id="" value="" placeholder="姓名" />
						<input type="text" id="" value="" placeholder="电话" />
						<input type="text" id="" value="" placeholder="手机号" />
						<input type="text" id="" value="" placeholder="QQ" />
						<input type="text" id="" value="" placeholder="邮箱" />
						<textarea name="message" cols="50" rows="10" placeholder="留言"></textarea>
						<input type="submit" id="" name="" value="提交留言"/>
					</div>
				</div>
				<!-- 页脚 -->
				<div id="foot">
					<div class="foot_up">
						<div class="foot_up_title_one">
							成人教育网
						</div>
						<div class="foot_up_title_two">
							SCHOOL OF EDUCAtTION CD., LTD
						</div>
					</div>
					<div class="foot_up_contet">
						<div class="foot_up_contet_left">
							<div class="fucl_title">联系方式</div>
							<div class="fucl_title1">
								<img src="img/foot_img1.png" >
								&nbsp;联系电话：400-000-0000
							</div>
							<div class="fucl_title2">
								<img src="img/foot_img2.png" >
								&nbsp;邮箱：admin@yourdomain.com
							</div>
							<div class="fucl_title3">
								<img src="img/foot_img3.png" >
								&nbsp;地址：珠海市XXX区域XXX街道XXX号
							</div>
						</div>
						<div class="foot_up_contet_middle">
							<div class="fucl_title">网站导航</div>
							<ul>
								<li><a href="index.html">首页</a></li>
								<li><a href="all_courses.html">所有课程</a></li>
								<li><a href="news_information.html">新闻资讯</a></li>
								<li><a href="teacher_team.html">教师团队</a></li>
								<li><a href="about_us.html">关于我们</a></li>
							</ul>
						</div>
						<div class="foot_up_contet_right">
							<div class="fucl_title">
								更好关注
							</div>
							<div class="foot_up_contet_right_middle">
								扫描二维码，我们会最新的商品为您推荐，为您更好的体验与服务。
							</div>
							<div id="foot_up_contet_right_down">
								<div class="foot_up_contet_right_down1">
									<img src="img/url.png" >
								</div>
								<div class="foot_up_contet_right_down2">
									手机扫一扫
								</div>
							</div>
						</div>
					</div>
					<div class="foot_down">
						Copyright @ 2019-2030 Company name All rights reserved
					</div>
				</div>
			</div>
			<!-- 手机端导航栏 -->
			<div id="nav_mobile">
				<div class="nav_mobile_all nav_mobile1">
					<a href="index.html"><img src="img/nav_mobile_img1.png" ></a>
					<a href="index.html">首页</a>
				</div>
				<div class="nav_mobile_all nav_mobile2">
					<a href="all_courses.html"><img src="img/nav_mobile_img2.png" ></a>
					<a href="all_courses.html">所有课程</a>
				</div>
				<div class="nav_mobile_all nav_mobile3">
					<a href="news_information.html"><img src="img/nav_mobile_img3.png" ></a>
					<a href="news_information.html">新闻资讯</a>
				</div>
				<div class="nav_mobile_all nav_mobile4">
					<a href="teacher_team.html"><img src="img/nav_mobile_img4.png" ></a>
					<a href="teacher_team.html">教师团队</a>
				</div>
				<div class="nav_mobile_all nav_mobile5">
					<a href="about_us.html"><img src="img/nav_mobile_img5.png" ></a>
					<a href="about_us.html">关于我们</a>
				</div>
			</div>
			<!-- 最右边边按钮点击后的结构 -->
			<div id="nav_mobile_w">
				<div class="nav_mobile_w_top">
					<img src="img/nav_modile_background_w.png" onclick="navModiles()">
				</div>
				<div class="nav_mobile_w_foot">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="all_courses.html">所有课程</a></li>
						<li><a href="news_information.html">新闻资讯</a></li>
						<li><a href="teacher_team.html">教师团队</a></li>
						<li><a href="about_us.html">关于我们</a></li>
					</ul>
				</div>
			</div>
			<!-- 手机端导航栏被点击后的效果 -->
			<script type="text/javascript">
				function navModile(){
					 $("#nav_mobile_w").slideDown(500); 
				}
				function navModiles(){
					$("#nav_mobile_w").slideUp(500);
				}
			</script>
		</div>
	</body>
</html>
